<template>
  <view class="container">
    <s-nav-bar />
    <view class="container-main" flex flex-col>
      <uv-divider text="图标测试"></uv-divider>
      <uv-icon name="photo" size="30" color="#909399"></uv-icon>
      <uv-divider text="按钮测试"></uv-divider>
      <uv-button type="primary" text="确定"></uv-button>
      <uv-button type="primary" :plain="true" text="镂空"></uv-button>
      <uv-button
        type="primary"
        :plain="true"
        :hairline="true"
        text="细边"
      ></uv-button>
      <uv-button type="primary" :disabled="true" text="禁用"></uv-button>
      <uv-button type="primary" loading loadingText="加载中"></uv-button>
      <uv-button type="primary" icon="map" text="图标按钮"></uv-button>
      <uv-button type="primary" shape="circle" text="按钮形状"></uv-button>
      <uv-button
        text="渐变色按钮"
        color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
      ></uv-button>
      <uv-button type="primary" size="small" text="大小尺寸"></uv-button>
    </view>
  </view>
</template>

<script setup>
console.log("扩展测试==》", uni.$uv.os());
</script>

<style lang="scss" scoped></style>
